<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>舆情-首页</title>
	<link rel="stylesheet" href="./css/main.css">
</head>
<body>
	<div class="main-wrapper">
		<div class="main-container">
			<div class="main-header">
				<span class="line"></span><span class="main-title">用户整体情况</span>
				<div class="tool-bar" id="timeBtn">
					<a class="tool-btn active" data-type="week">近7日</a><a class="tool-btn" data-type="month">近30日</a>
				</div>
			</div>
			<div class="main-body">
				<div class="main-left">
					<div class="main-block block-1">
						<div class="main-block-header">
							<span class="main-block-title">美的用户体验印象</span>
						</div>
						<div class="main-block-body">
							<ul class="main-chart01">
								<li>
									<img class="main-img" src="./images/rank.png" alt="">
									<div class="main-info">
										<span class="main-info-title">行业排名</span>
										<span class="main-info-value color-blue" id="chart01_rank">0</span>
									</div>
								</li>
								<li>
									<img class="main-img" src="./images/user-experience-score.png" alt="">
									<div class="main-info">
										<span class="main-info-title">用户体验得分</span>
										<span class="main-info-value color-blue" id="chart01_userExperienceScore">0</span>
									</div>
								</li>
								<li>
									<img class="main-img" src="./images/score-rate.png" alt="">
									<div class="main-info">
										<span class="main-info-title">得分环比</span>
										<span class="main-info-value color-red" id="chart01_scoreRate">0%</span>
									</div>
								</li>
							</ul>
						</div>
					</div>
					<div class="main-block block-2">
						<div class="main-block-header">
							<span class="main-block-title">全流程用户触点地图</span>
						</div>
						<div class="main-block-body">
							<div class="main-chart02" id="chart0201" style="height: 400px;"></div>
							<div class="main-chart02 main-block-body-content">
								<div class="main-chart02-left">
									美的：<br>
									本期-上期<br>
									触点得分变化
								</div>
								<div class="main-chart02-right">
									<table class="rate-table" id="leftTable01">
										<thead></thead>
										<tbody></tbody>
									</table>
								</div>
								<div class="clearfix"></div>
							</div>
						</div>
					</div>
					<div class="main-block block-3">
						<div class="main-block-header">
							<span class="main-block-title">用户体验得分走势</span>
						</div>
						<div class="main-block-body">
							
						</div>
					</div>
				</div>
				<div class="main-right">
					<div class="main-block block-4">
						<div class="main-block-header">
							<span class="main-block-title">行业TOP5品牌</span>
							<a class="more" href="javascript:void(0);">更多分析&nbsp;&nbsp;&gt;</a>
						</div>
						<div class="main-block-body">
							<div class="main-block-body-content">
								<table class="main-table" id="rightTable01">
									<thead>
										<th width="60">排名</th>
										<th width="150">竞争品牌</th>
										<th>用户体验得分</th>
										<th width="80">排名变化</th>
									</thead>
									<tbody></tbody>
								</table>
							</div>
						</div>
					</div>
					<div class="main-block block-4">
						<div class="main-block-header">
							<span class="main-block-title">美的TOP5事业部</span>
							<a class="more" href="javascript:void(0);">更多分析&nbsp;&nbsp;&gt;</a>
						</div>
						<div class="main-block-body">
							<div class="main-block-body-content">
								<table class="main-table" id="rightTable02">
									<thead>
										<th width="60">排名</th>
										<th width="150">事业部</th>
										<th>用户体验得分</th>
										<th width="80">排名变化</th>
									</thead>
									<tbody></tbody>
								</table>
							</div>
						</div>
					</div>
					<div class="main-block block-5">
						<div class="main-block-header">
							<span class="main-block-title">美的TOP5一级触点</span>
							<a class="more" href="javascript:void(0);">更多分析&nbsp;&nbsp;&gt;</a>
						</div>
						<div class="main-block-body">
							<div class="main-block-body-content">
								<table class="main-table" id="rightTable03">
									<thead>
										<th width="60">排名</th>
										<th width="150">一级触点</th>
										<th width=100>得分<div class="main-head-btn-row"><i class="main-head-btn main-head-btn-up active"></i><i class="main-head-btn main-head-btn-down"></i></div></th>
										<th width="100">评论量<div class="main-head-btn-row"><i class="main-head-btn main-head-btn-up"></i><i class="main-head-btn main-head-btn-down"></i></div></th>
									</thead>
									<tbody></tbody>
								</table>
							</div>
						</div>
					</div>
					<div class="main-block block-5">
						<div class="main-block-header">
							<span class="main-block-title">美的TOP5指标</span>
							<a class="more" href="javascript:void(0);">更多分析&nbsp;&nbsp;&gt;</a>
						</div>
						<div class="main-block-body">
							
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</body>
<script type="text/javascript" src="./lib/jquery/dist/jquery.min.js"></script>
<script type="text/javascript" src="./script/common.js"></script>
<script type="text/javascript" src="./script/main.js"></script>
</html>